<template>
    <div style="padding: 0px 20px;" v-if="item && item.setting">
        <el-form size="mini" label-position="top">
            <el-form-item label="模块主题" v-tippy="{ arrow: true }" content="元素主题">
                <el-radio-group v-model="item.setting.theme">
                    <el-radio label="">默认</el-radio>
                    <el-radio label="jzl-page-qing">轻灵</el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item v-if="page && page.type === 1" label="模块间距" v-tippy="{ arrow: true }" content="模块间距">
                <!--<el-radio-group v-model="item.setting.space">
                    <el-radio label="">默认</el-radio>
                    <el-radio label="jzl-page-qing">轻灵</el-radio>
                </el-radio-group>-->
                <el-slider v-model="item.setting.space" input-size="mini" height="20" show-input></el-slider>
            </el-form-item>
        </el-form>
    </div>
</template>

<script type="text/javascript">
    export default {
        props: [ 'item', 'page' ],
        data () {
            return {

            }
        },
        mounted () {},
        components: {},
        watch: {
            item: {
                deep: true,
                handler(val) {
                    // this.init();
                }
            }
        },
        computed: {},
        methods: {
            init() {

            }
        }
    }
</script>
